<template>
    <TopBackgroundArea :topBack="topBack"/>
    <HelsinkiOffice/>
    <OtherOffices/>
</template>

<script setup>
import TopBackgroundArea from "@/views/Careers/components/TopBackgroundArea.vue";
import {reactive} from "vue";
import HelsinkiOffice from "@/views/Careers/components/ourOffices/HelsinkiOffice.vue";
import OtherOffices from "@/views/Careers/components/ourOffices/otherOffices.vue";

const topBack = reactive({
    title: 'Our Offices',
    description: 'Five unique personalities. One unifying culture.',
    pic: '/src/assets/img/careers/ourOffices/topBack.webp',
    opacity: 0.3
})
</script>

<style scoped>
</style>